<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>活动演出-红色阳泉</title>
  <link rel="shortcut icon" href="myico2.ico" type="image/x-icon">
  <link rel="stylesheet" href="./css/reset.min.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/active.css">
  <link rel="stylesheet" href="./css/iconfont.css">
</head>

<body>
  <div class="container">
    <header>
      <div class="nav-top">
        <div class="login-nav">
          <a href="login.html">登录</a>|
          <a href="regist.html">注册</a>
        </div>
      </div>
      <nav>
        <div class="logo">
          <img src="./images/logo2.png" alt="">
        </div>
        <div class="nav-ver">
          <ul>
            <li><a href="index.html">首页</a></li>
            <li><a href="news.html">新闻公告</a></li>
            <li>
              <a href="scenic.html">玩转阳泉</a>
              <ul class="drop">
                <li><a href="scenic.html">景点推荐</a></li>
                <li><a href="route.html">精选路线</a></li>
                <li><a href="story.html">红色故事</a></li>
              </ul>
            </li>
            <li><a href="active.html">活动演出</a></li>
            <li><a href="message.html">游记分享</a></li>
          </ul>
          <div class="drop-menu">
            <label class="iconfont icon-caidan--kuai" for="menu"></label>
            <input type="checkbox" id="menu">
            <ul>
              <li><a href="index.html">首页</a></li>
              <li><a href="news.html">新闻公告</a></li>
              <li>
                <label for="menuInner">玩转阳泉</label>
                <input type="checkbox" id="menuInner">
                <ul class="drop">
                  <li><a href="scenic.html">景点推荐</a></li>
                  <li><a href="route.html">精选路线</a></li>
                  <li><a href="story.html">红色故事</a></li>
                </ul>
              </li>
              <li><a href="active.html">活动演出</a></li>
              <li><a href="message.html">游记分享</a></li>
              <li><a href="login.html">登录</a></li>
            </ul>
          </div>
        </div>
      </nav>
      <div class="banner"></div>
    </header>
    <article>
      <!-- 面包屑 -->
      <div class="breadcrumb-box">
        <div class="breadcrumb">
          <i class="iconfont icon-shouye"></i> 您当前所在位置：<a href="index.html">首页</a> > <a href="#"
            class="activeHref">活动演出</a>
        </div>
      </div>
      <div class="actives-box">
        <ul>
          <li>
            <div class="active-left">
              <img src="./images/active-view1.jpg" alt="">
            </div>
            <div class="active-right">
              <h3>“节气文化·四季阳泉”(春分)<span class="act-type2">活动</span></h3>
              <div class="active-node">
                <p><i class="iconfont icon-weizhi"></i> 地点<span>阳泉市 盂县 梁家寨乡</span></p>
                <p><i class="iconfont icon-shijian"></i> 时间<span>2023年3月23日起</span></p>
                <p><i class="iconfont icon-iconfontgerenzhongxin"></i> 票种<span class="ticket">免费</span></p>
                <a href="javascript:;">立即预约</a>
              </div>
            </div>
          </li>
          <li>
            <div class="active-left">
              <img src="./images/active-view2.jpg" alt="">
            </div>
            <div class="active-right">
              <h3>节气文化·四季阳泉（清明）<span class="act-type2">活动</span></h3>
              <div class="active-node">
                <p><i class="iconfont icon-weizhi"></i> 地点<span>阳泉市 平定县 东回镇 洪水村</span></p>
                <p><i class="iconfont icon-shijian"></i> 时间<span>2023年4月6日-2023年4月9日</span></p>
                <p><i class="iconfont icon-iconfontgerenzhongxin"></i> 票种<span class="ticket">免费</span></p>
                <a href="javascript:;">立即预约</a>
              </div>
            </div>
          </li>
          <li>
            <div class="active-left">
              <img src="./images/scenic1.png" alt="">
            </div>
            <div class="active-right">
              <h3>又见平遥<span class="act-type1">演出</span></h3>
              <div class="active-node">
                <p><i class="iconfont icon-weizhi"></i> 地点<span>晋中市 平遥县 顺城路154号</span></p>
                <p><i class="iconfont icon-shijian"></i> 时间<span>2023年4月6日-2023年4月9日</span></p>
                <p><i class="iconfont icon-iconfontgerenzhongxin"></i> 票种<span class="ticket">免费</span></p>
                <a href="javascript:;">立即预约</a>
              </div>
            </div>
          </li>
        </ul>
      </div>

    </article>
    <footer>
      <div class="footer">
        <p> Copyright © 红色阳泉 版权所有 </p>
        <p> All Rights Reserved </p>
      </div>
    </footer>
  </div>
  <script src="js/rem.js"></script>
  <script src="./js/vue.min.js"></script>


</body>

</html>